<template>
	<view class="container">
		<u-navbar title='参考意见' :title-bold='true' :border-bottom='false' :is-fixed='true'></u-navbar>
		<!--  -->
		<view class="main">
			<view class="card">
				<view class="pading title">患者信息</view>
				<u-line />
				<view class="content pading info">
					<span>姓名：{{info.member_info.username||''}}</span>
					<span>性别：{{info.member_info.gender_text||''}}</span>
					<span>年龄：{{info.member_info.age||''}}</span>
					<span>日期：{{info.createday||''}}</span>
				</view>
			</view>
			<view class="card">
				<view class="pading title">初步认定问题</view>
				<u-line />
				<view class="content pading">
					<span>{{info.result}}</span>
				</view>
			</view>
			<view class="card">
				<view class="pading title">处理方法</view>
				<u-line />
				<view class="content pading" v-for="(item,index) in info.drug " :key="index">
					<span>{{item.title}}</span>
					<p class="p">{{item.remark}}</p>
					<u-line margin='30rpx 0 0 0 ' v-if="index<info.drug.length-1" />
				</view>

			</view>
			<view class="card">
				<view class="pading title">护航员嘱咐</view>
				<view class="content pading">
					<text>{{info.tell}}</text>
				</view>
			</view>


		</view>
		<view class="dsc_remake">
			<p>温馨提示：</p>
			<p>面谈，才有更精准意见。</p>
			<p>未见面，资料搜集不全面，意见粗糙，仅供参考、对比。</p>
			<p class="u-m-t-20">生活咨询探讨，专业人士尽自己所能，线上把自己知道的专业知识，分享给大家。</p>
		</view>
		<!-- 提示 -->
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	import {
		prescriptionDetail,
		zixunDetail
	} from '@/api/index.js'
	export default {
		data() {
			return {
				info: '',
				user: {},
				prescription: '',

			}
		},
		onLoad(e) {
			console.log(e.id);
			this.init(e.id)
		},

		methods: {
			init(id) {
				let that = this
				that.user = that.ws.getUserInfo()
				prescriptionDetail({
					'id': id
				}).then(res => {
					if (res.code == 1) {
						that.info = res.data.detail
					} else {
						that.$refs.uToast.show({
							title: res.msg
						})
					}
				})
			},

		}
	}
</script>

<style lang="less" scoped>
	.dsc_remake {
		margin-top: 20rpx;
		color: #ff5500;
		font-size: 14px;
		padding: 30rpx;
	}

	.pading {
		padding: 20rpx !important;
	}

	.title {
		font-weight: bold;
		font-size: 18px;
	}

	.container {
		height: 100vh;
		background-color: #EEE;

		.main {
			padding: 10rpx 30rpx;

			.card {
				background-color: #FFF;
				border-radius: 10rpx;
				padding: 20rpx 0;
				margin-top: 30rpx;
			}

			.info {
				span {
					margin-top: 20rpx;
				}
			}

			.content {
				width: 100%;

				span {
					display: inline-block;
					min-width: 50%;
				}

				p {
					font-size: 14px;
					margin: 20rpx 0;
					color: #B2B2B2;
				}

				text {
					color: #666666;
				}

				.p {
					color: #6EC9E1;
				}
			}
		}


	}
</style>